<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房源信息</title>
    <link rel="stylesheet" href="./css/HeaderAndDibu.css">
    <link rel="stylesheet" href="./css/Availabitity.css">
    <style>

    </style>
    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>

</head>


<body>
    <div class="header">
        <div class="header-img1">
            <img w src="./image/index/logo.jpg">
        </div>
        <div class="header-img2">
            <img src="./image/index/my.jpg">
        </div>
        <div class="header-img3">
            <img src="./image/index/xiazai.jpg">
        </div>
    </div>
    <div class="foot">
        <span>首页</span>
        <span>>北京租房>房源信息</span>
    </div>
    <div class="share">
        <p>分享</p>
    </div>
    <div class="DIV">
        <div class="DIV-div1">
            <div>
                <p>天鹅湾小区精装两居，满五唯</p>
                <p>一，业主换房急售</p>
            </div>
            <div>
                <img src="./image/rentalList/xin.png" alt="">
                <p>关注</p>
            </div>
        </div>
        <div class="DIV-div2">
            <div>
                <p>租金</p>
                <p>2300元/月</p>
            </div>
            <div>
                <p>房型</p>
                <p>2室1厅</p>
            </div>
            <div>
                <p>面积</p>
                <p>204平米</p>
            </div>
        </div>
    </div>
    <div class="synopsis">
        <div class="synopsis-div">
            <div>
                <p class="synopsis-p">楼层：高楼17层</p>
                <p class="synopsis-p">朝向：南北</p>
            </div>
            <div>
                <p class="synopsis-p">装修：精装</p>
                <p class="synopsis-p">供暖：集体供暖</p>
            </div>
            <div>
                <p class="synopsis-p">年代：2007年</p>
                <p class="synopsis-p">楼型：板楼</p>
            </div>
        </div>
    </div>
    <div class="Tail">
        <div class="Tail-div1">
            <p>经纪人房评<img src="./image/rentalList/right.png" alt=""></p>
            <ul>
                <li>地理位置:晶都国际处于酒仙桥中心地带，毗邻北京</li>
                <li>三大商圈，紧邻丽都商圈，隔四环与望京商圈相望，</li>
                <li>西南紧挨燕莎商圈，地理位置优越。周边配套:颐堤</li>
                <li>港商业中心，兆维大厦..</li>
            </ul>
        </div>
        <div class="Tail-div2">
            <p>看房客户记录<img src="./image/rentalList/right.png" alt=""></p>
            <div>进一个月新增0位看房客户,共50位</div>
        </div>
        <div class="Tail-div3">
            <p>位置及周围<img src="./image/rentalList/right.png" alt=""></p>
            <div class="address">
                <div>地址:[黄村]时代龙和</div>
                <div class="address-div" id="container"></div>
            </div>

        </div>
        <div class="Tail-div4">
            <p>小区成交历史<img src="./image/rentalList/right.png" alt=""></p>
            <div>3室2厅，146平米，<span>5000元</span></div>
            <div>签约日期:2015-02-26</div>
        </div>
    </div>
    <div class="ty">
        <img class="ty-img" src="./image/rentalList/man.png" alt="">
        <div>
            <p>张三</p>
            <p>4001581855转0008</p>
        </div>
        <div>
            <img src="./image/rentalList/icon1.png" alt="">
            <p>致电</p>
        </div>
        <div>
            <img src="./image/rentalList/icon2.png" alt="">
            <p>短信</p>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-div1">北京找房无忧 > 首页</div>
        <div class="bottom-div2">
            <div class="bottom-left">
                <img src="./image/index/apple.png" alt="">
                <div>
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </div>

            <div class="bottom-right">
                <img src="./image/index/android.png" alt="">
                <div>
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </div>

        </div>
        <div class="bottom-div3">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
    </div>
</body>
<script>
    // 创建地图实例
    var map = new BMapGL.Map("container");
    // 设置地图中心点，这里是天安门   34.80452,113.680779
    var point = new BMapGL.Point(113.680779, 34.80452);
    map.centerAndZoom(point, 15);

        // 通过js获取当前位置
        // navigator.geolocation.getCurrentPosition(function (p) {
        //     console.log(p)
        // })   
</script>
<script src="./js/YinPing.js"></script>

</html>